#header{
    padding: 15px 0;
    background-color: rgba(63, 200, 252, 0.3);
    .navbar{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    .navbar-inverse{
        background: transparent;
        border-color: transparent;
    }
	.navbar-inverse .container .container-fluid .navbar-header .collapsed .icon-bar-span{
		background-color: rgba(0, 128, 255, 0.8);
	}
	.navbar-inverse .container .container-fluid .navbar-header .collapsed{
		border-color: rgba(0, 128, 255, 0.8);
	}
	.navbar-inverse .container .container-fluid .navbar-header .collapsed:hover{
		background-color: rgba(255, 255, 255, 0.5);
	}
    .logo{
        font-size:20px;
        color: rgba(0, 0, 0, 0.6);
        text-transform:uppercase;
        font-weight:bold;
    }

    .navbar-inverse .navbar-nav>li>a{
        font-size: 14px;
        color: rgba(0, 0, 0, 0.6);
        text-transform:uppercase;
        border-bottom: 5px solid transparent;
		transition: 0.2s;
        &:hover{
			background-color: rgba(63, 200, 252, 0.8);
			color: #fff;
            border-bottom: 5px solid rgba(0, 128, 255, 0.8);
        }
    }
	@media screen and (max-width: 770px) {
	    .navbar-inverse .navbar-nav > li > a{
	        text-align:center;
	    }
	}
}